<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/all.min.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style1.css">
    <link rel="stylesheet" href="css/style2.css">
    <link rel="stylesheet" href="css/Zxjh.css">
    <link rel="stylesheet" href="css/dlheader.css">
</head>

<body>
    @@include("dlheader.html")


    <div class="mune">
        <div class="munes">
            <p>
                <input class="kuang" type="text" placeholder="搜索想要的商品">
                <input class="sou" type="button" value="搜索">
            </p>
        </div>
    </div>
    <div class="mrap">
        <div class="list">
            <p>分类</p>
            <p class="dalei">按类别:<a>拉杆箱</a><a>双肩包</a><a>女包</a><a>男包</a><a>其他</a></p>
            <p class="pinpai">按品牌:<a>懿保罗</a><a>双星拉杆箱</a><a>保罗</a><a>七匹狼</a><a>花花公子</a><a>耐克</a><a>安迪</a></p>
        </div>

    </div>

    <div class="big">
        <div class="pixiang">
            <div class="mrxp_px">
                <figure class="mrdw">
                    <img src="./images/zxdw.jpg" alt="">
                </figure>
                <figure class="mrcp"><img src="./images/pixiang1.jpg" alt=""></figure>
                <figure class="mrjs">
                    <p>旅行箱侧开式扩展万向轮行李箱</p>
                    <p>￥1744.9</p>
                </figure>
            </div>
            <div class="mrxp_px">
                <figure class="mrdw">
                    <img src="./images/zxdw.jpg" alt="">
                </figure>
                <figure class="mrcp"><img src="./images/pixiang2.jpg" alt=""></figure>
                <figure class="mrjs">
                    <p>爱华仕行李箱万向轮20寸女箱包</p>
                    <p>￥1744.9</p>
                </figure>
            </div>
            <div class="mrxp_px">
                <figure class="mrdw">
                    <img src="./images/zxdw.jpg" alt="">
                </figure>
                <figure class="mrcp"><img src="./images/pixiang3.jpg" alt=""></figure>
                <figure class="mrjs">
                    <p>SBB胜邦超轻 潮流小拉杆箱登机箱</p>
                    <p>￥1744.9</p>
                </figure>
            </div>
            <div class="mrxp_px mrxp_px4">
                <figure class="mrdw">
                    <img src="./images/zxdw.jpg" alt="">
                </figure>
                <figure class="mrcp"><img src="./images/pixiang4.jpg" alt=""></figure>
                <figure class="mrjs">
                    <p>安特瑞品牌箱包 男包公文包商务包</p>
                    <p>￥1744.9</p>
                </figure>
            </div>
        </div>
        <div class="pixiang">
            <div class="mrxp_px">
                <figure class="mrdw">
                    <img src="./images/zxdw.jpg" alt="">
                </figure>
                <figure class="mrcp"><img src="./images/pixiang1.jpg" alt=""></figure>
                <figure class="mrjs">
                    <p>旅行箱侧开式扩展万向轮行李箱</p>
                    <p>￥1744.9</p>
                </figure>
            </div>
            <div class="mrxp_px">
                <figure class="mrdw">
                    <img src="./images/zxdw.jpg" alt="">
                </figure>
                <figure class="mrcp"><img src="./images/pixiang2.jpg" alt=""></figure>
                <figure class="mrjs">
                    <p>爱华仕行李箱万向轮20寸女箱包</p>
                    <p>￥1744.9</p>
                </figure>
            </div>
            <div class="mrxp_px">
                <figure class="mrdw">
                    <img src="./images/zxdw.jpg" alt="">
                </figure>
                <figure class="mrcp"><img src="./images/pixiang3.jpg" alt=""></figure>
                <figure class="mrjs">
                    <p>SBB胜邦超轻 潮流小拉杆箱登机箱</p>
                    <p>￥1744.9</p>
                </figure>
            </div>
            <div class="mrxp_px mrxp_px4">
                <figure class="mrdw">
                    <img src="./images/zxdw.jpg" alt="">
                </figure>
                <figure class="mrcp"><img src="./images/pixiang4.jpg" alt=""></figure>
                <figure class="mrjs">
                    <p>安特瑞品牌箱包 男包公文包商务包</p>
                    <p>￥1744.9</p>
                </figure>
            </div>
        </div>
        <div class="pixiang">
            <div class="mrxp_px">
                <figure class="mrdw">
                    <img src="./images/zxdw.jpg" alt="">
                </figure>
                <figure class="mrcp"><img src="./images/pixiang1.jpg" alt=""></figure>
                <figure class="mrjs">
                    <p>旅行箱侧开式扩展万向轮行李箱</p>
                    <p>￥1744.9</p>
                </figure>
            </div>
            <div class="mrxp_px">
                <figure class="mrdw">
                    <img src="./images/zxdw.jpg" alt="">
                </figure>
                <figure class="mrcp"><img src="./images/pixiang2.jpg" alt=""></figure>
                <figure class="mrjs">
                    <p>爱华仕行李箱万向轮20寸女箱包</p>
                    <p>￥1744.9</p>
                </figure>
            </div>
            <div class="mrxp_px">
                <figure class="mrdw">
                    <img src="./images/zxdw.jpg" alt="">
                </figure>
                <figure class="mrcp"><img src="./images/pixiang3.jpg" alt=""></figure>
                <figure class="mrjs">
                    <p>SBB胜邦超轻 潮流小拉杆箱登机箱</p>
                    <p>￥1744.9</p>
                </figure>
            </div>
            <div class="mrxp_px mrxp_px4">
                <figure class="mrdw">
                    <img src="./images/zxdw.jpg" alt="">
                </figure>
                <figure class="mrcp"><img src="./images/pixiang4.jpg" alt=""></figure>
                <figure class="mrjs">
                    <p>安特瑞品牌箱包 男包公文包商务包</p>
                    <p>￥1744.9</p>
                </figure>
            </div>
        </div>
        <div class="pixiang">
            <div class="mrxp_px">
                <figure class="mrdw">
                    <img src="./images/zxdw.jpg" alt="">
                </figure>
                <figure class="mrcp"><img src="./images/pixiang1.jpg" alt=""></figure>
                <figure class="mrjs">
                    <p>旅行箱侧开式扩展万向轮行李箱</p>
                    <p>￥1744.9</p>
                </figure>
            </div>
            <div class="mrxp_px">
                <figure class="mrdw">
                    <img src="./images/zxdw.jpg" alt="">
                </figure>
                <figure class="mrcp"><img src="./images/pixiang2.jpg" alt=""></figure>
                <figure class="mrjs">
                    <p>爱华仕行李箱万向轮20寸女箱包</p>
                    <p>￥1744.9</p>
                </figure>
            </div>
            <div class="mrxp_px">
                <figure class="mrdw">
                    <img src="./images/zxdw.jpg" alt="">
                </figure>
                <figure class="mrcp"><img src="./images/pixiang3.jpg" alt=""></figure>
                <figure class="mrjs">
                    <p>SBB胜邦超轻 潮流小拉杆箱登机箱</p>
                    <p>￥1744.9</p>
                </figure>
            </div>
            <div class="mrxp_px mrxp_px4">
                <figure class="mrdw">
                    <img src="./images/zxdw.jpg" alt="">
                </figure>
                <figure class="mrcp"><img src="./images/pixiang4.jpg" alt=""></figure>
                <figure class="mrjs">
                    <p>安特瑞品牌箱包 男包公文包商务包</p>
                    <p>￥1744.9</p>
                </figure>
            </div>
        </div>
    </div>
    
    <div class="back">
        <div class="aa">
            <p class="up">不</p>
            <p>返回顶部</p>
        </div>
    </div>

     @@include("foot.html")
    <script src="./js/jquery.min.js"></script>
    <script>
        $(window).scroll(function () {
            var $wh = $(window).height();
            var $wc = $(window).scrollTop();
            $('.up').click(function () {
                $('html').animate({
                    scrollTop: 0
                }, 1000);
                $('.up').animate({
                    "bottom": wH
                })
            })
        });
    </script>
</body>

</html>